<?php require 'config.php' ?>
<!DOCTYPE html>
<html lang='zh-cn'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 规定了文本及编码格式，以防止出现乱码 -->
	<title>校园驿站</title>
	<link href="./css/top.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="nav-header">
	<div class="header">
	<!-- logo模块 -->
		<a href="http://localhost/school/index.php" class="logo">
			<img src="./images/lemonMI-1_1.png"/>
		</a>
	<!-- 菜单模块 -->
		<nav>
			<ul>
				<li>校园驿站
					<div class="slide-submeu">欢迎使用校园驿站</div>
				</li>
				<li><a href="http://localhost/school/index.php">首页</a></li>
				<li>新闻<i class="slide-icon"></i>
					<div class="slide-submeu">
						<div class="news">
							<strong>学校动态</strong>
							<a href="#"><i></i>x1</a>
							<a href="#">x2</a>
							<a href="#">x3</a>
						</div>
						<div class="news">
							<strong>驿站新闻</strong>
							<a href="#">x1</a>
							<a href="#">x2</a>
							<a href="#">x3</a>
						</div>
						<div class="news">
							<strong>最新公告</strong>
							<a href="#">x1</a>
							<a href="#">x2</a>
							<a href="#">x3</a>
						</div>
						<div class="news">
							<strong>其他新闻</strong>
							<a href="#">x1</a>
							<a href="#">x2</a>
							<a href="#">x3</a>
						</div>
					</div>
				</li>
				<li>精选<i class="slide-icon"></i>
					<div class="slide-submeu">
						<a href="#">x1</a>
						<a href="#">x2</a>
						<a href="#">x3</a>
					</div>
				</li>
				<li>兼职<i class="slide-icon"></i>
					<div class="slide-submeu">
						<a href="#">x1</a>
						<a href="#">x2</a>
						<a href="#">x3</a>
					</div>
				</li>
				<li>社区<i class="slide-icon"></i>
					<div class="slide-submeu">
						<a href="#">x1</a>
						<a href="#">x2</a>
						<a href="#">x3</a>
					</div>
				</li>
			</ul>
		</nav>
		<div class="search">
			<form action="search.php" name="form_search">
				<input type="input" name="search" id="search" placeholder="搜索物品或新闻"/>
				<span class="search-icon" id="search-bottom" onclick="document.form_search.submit()">
					<img src="./images/icon/search-icon.png"/>
				</span>
			</form>
		</div>
		<!-- <div>
			if(登陆成功){
				显示：欢迎xx | 管理 | 购../images/icon/search-icon.png物车 | 退出
			}else{
				显示：注册 | 登录
			}
		</div> -->
	</div>
</div>
<div style="width:1200px; height:1900px; border: 1px solid red; margin:0 auto; margin-top:20px;"></div>
<script type="text/javascript">
		$(function(){
			var nav_position=10; //导航栏的高
			//被选元素垂直滚动条的位置
			$(document).scroll(function(){
				$(window).scrollTop()>=nav_position?$('#nav-header').addClass('fixed'):$('#nav-header').removeClass('fixed');
			});

		})
</script>
</body>
</html>